body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img{ border:0px; }
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body{ font:12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color:#333; background:#fff; position:relative; overflow-x:hidden;}
/*header*/
.iframe{width:100%;
height:33px;
overflow:hidden;}
#header{ width:100%; height:32px; margin:0 auto; background-color:#f5f5f5; border-bottom:1px solid #e5e5e5;}
.header{ width:1000px; height:32px; margin:0 auto;}
.header ul{ float:left;}
.header li{ float:left; font: normal 12px/32px "\5b8b\4f53","Tahoma"; color:#666;}
.header li input{ width:90px; height:18px; float:left; border:1px solid #d7d7d7; margin:6px 5px 6px 0;}
.header li button{ width:39px; height:19px; float:left; border:0; margin:6px 3px; background:url(../images/sample2014/sample2014.png) no-repeat 0 0; cursor:pointer;}
.header li a{ color:#666; padding:0 5px;}
.header p{ line-height:32px; float:right; color:#dfdfdf; margin-right:-5px;}
.header p a{ display:inline-block; color:#666; padding:0 5px;}
.header p a.mobile{ padding-left:22px; background:url(../images/sample2014/sample2014.png) no-repeat -114px 0; color:#4E9B31;}
.header li a:hover,.header p a:hover{ color:#f60; text-decoration:underline;}
/*adPosition*/
.adPosition{ width:1000px; margin:0 auto; overflow:hidden;}
.adPosition ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition img,.adPosition embed{ float:left;}
/*top*/
.top{ width:1000px; height:83px; margin:0 auto; position:relative; z-index:9999;}
.top .logo{ position:absolute; left:0; top:8px;}
.top h1{ width:90px; height:50px; position:absolute; left:246px; top:20px; font-size:24px; font-family:"Microsoft Yahei","\5b8b\4f53"; color:#f60;  text-indent:14px; border-left:1px solid #e2e2e2; font-weight:normal;}
.top p{ width:540px; height:22px; position:absolute; left:436px; top:56px; color:#555; font-weight:bold;}
.top p a{ font-weight:normal; color:#706e6c; padding:0 6px;}
.top p a.keyword{ color:#f60;}
.top p a:hover{ color:#f60; text-decoration:underline;}
.search{ width:419px; height:38px; position:absolute; z-index:3; top:21px; left:263px; border:1px solid #c1c1c1; border-right:0;}
input.text{ width:350px; height:38px; display:block; position:absolute; line-height:38px; border:0px; background:#fff; color:#666; text-indent:10px; top:22px; left:333px; z-index:3; font-size:14px;}
.top button{ width:71px; height:40px; display:block; position:absolute; top:21px; left:683px; background:url(../images/sample2014/sample2014.png) no-repeat 0 -20px; cursor:pointer; z-index:3;}
.selectbox-wrapper{ width:68px; border:1px solid #cdcdcd; border-top:0; background:#fff; text-align:center; position:absolute; top:61px; left:263px; z-index:9999;}
.selectbox-wrapper ul li.selected,.selectbox-wrapper ul li.current{ background:#4E9B31; color:#fff;}
.selectbox-wrapper ul li { padding-bottom:3px; width:68px; cursor:pointer; font-size:14px; line-height:18px; padding-top:3px; text-indent:20px; text-align:left;}
.selectbox { width:68px; height:36px; border:0; border-right:1px solid #d4d4d4; display:block; line-height:36px; font-size:14px; color:#666; z-index:10; position:absolute; top:23px; left:264px; text-indent:14px; cursor:pointer; background:#fff url(../images/sample2014/sample2014.png) no-repeat -74px -27px; }
.adRight{ position:absolute; left:800px; top:15px; z-index:1;}
.adRight a img{ width:200px; height:53px; float:left;}
/*nav*/
.nav{ width:1000px; height:37px; margin:0 auto; border-top:3px solid #4E9B31; border-bottom:5px solid #f0f0f0;}
.nav p{ width:999px; float: left; border-right: 1px solid #dedede; border-bottom:1px solid #dedede; font:bold 16px/37px "Microsoft Yahei","simhei"; }
.nav p a{ color:#333; padding:0 17px; height:37px; width:65px;border-left:1px solid #dedede; display:inline-block; text-align: center; }
.nav p a.focus{ color:#fff; background:#4E9B31; border-left:none;}
.nav p a:hover{ color:#fff; background:#4E9B31;}
/*sub*/
.website{ width:998px; height:36px; margin:0 auto; border:1px solid #e8e8e8; background:#fafafa; color:#e8e8e8;}
.website dt{ width:870px; height:36px; float:left; text-indent:68px; background:url(../images/sample2014/sample2014.png) no-repeat -67px -101px; overflow:hidden; line-height:37px;}
.website dt a{ color:#4e4e4e; padding:0 6px;}
.website dt a:hover{ color:#f60; text-decoration:underline;}
.website dd{ width: 96px; height: 37px; display: block; float: right; margin-right:12px; line-height: 37px; color: #bfbfbf; position: relative; z-index:9999;}
.website dd em{ width: 96px; height: 37px; display: block; position: absolute; z-index: 9; font: normal 12px/37px "Microsoft Yahei","simhei"; text-indent: 30px; background:url(../images/index/websiteicon.png) no-repeat -82px -1px; right:20px;}
.website dd em.nobg{ background: none; }
.website dd em a{ color: #333; }
.website dd .morebg{ width: 96px; height: 37px; position: absolute; z-index: 1; border: 1px solid #bbbbbb; border-bottom: 1px solid #f5f5f6; background:url(../images/index/websiteicon.png) #FFF no-repeat -82px -29px; right:20px;}
.website dd .morebg2{ width:96px; height:10px; position:absolute; top:30px; left:-21px; background-color:#fff; z-index:11; overflow:hidden;}
.website dd .morelist{ width: 184px; position: absolute; z-index: 8; border: 1px solid #bbbbbb; top: 32px; background: #fff; padding: 5px 2px; left:-22px;}
.website dd .morelist a{ width: 92px; height: 22px; display: block; float: left; text-align:center; margin: 3px 0; color: #333333; font: normal 12px/22px "\5b8b\4f53","Tahoma","Arial"; }
dl.website dd .morelist a:hover{ color: #535353; background: #e7e7e8; }
/*mainLeft*/
.main{ width:1000px; margin:7px auto 0;}
.left{ width:660px; float:left; margin-top:13px;}
.left h2{ width:658px; height:34px; float:left; background:#f6f6f6; border:1px solid #dbdee1; position:relative; z-index:1;}
.left h2 p{ width:338px; height:36px; position:absolute; left:0; top:-1px; z-index:2; font:bold 20px/32px "Microsoft Yahei","\5b8b\4f53";}
.left h2 a{ width:166px; height:34px; float:left; padding:0 1px; border:1px solid #dbdee1; border-left:0; text-align:center; color:#333; cursor:pointer; overflow:hidden;}
.left h2 a.active{ height:32px; border-top:3px solid #4E9B31; border-bottom:1px solid #fff; background:#fff; color:#4E9B31;}
.leftList{ width:660px; float:left; padding:8px 0 0; }
.leftList li{ width:660px; height:199px; float:left; border-bottom:1px dotted #dbdbdb;}
.leftList img{ width:115px; height:155px; float:left; border:5px solid #b9b7b7; margin:17px 14px 0 0;}
.leftList h3{ width:510px; height:22px; float:left; margin-top:24px; font:bold 16px/22px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.leftList h3 a{ color:#333;}
.leftList dl{ width:510px; height:110px; float:left; margin-top:6px; font:normal 14px/22px "Microsoft Yahei","\5b8b\4f53"; color:#666; overflow:hidden;}
.leftList dt{ width:70px; float:left; color:#333;}
.leftList dd{ width:440px; float:left;}
.leftList span{ width:90px; float:right; margin:10px 20px 0 0; display:none;}
.leftList span a{ width:90px; height:25px; float:left; display:block; margin-top:12px; background:url(../images/sample2014/sampleIcon.gif) no-repeat;}
.leftList span a:hover{ background:url(../images/sample2014/sampleIcon.gif) no-repeat 0 -25px;}
.leftList span a.download{ background:url(../images/sample2014/sampleIcon.gif) no-repeat 0 -50px;}
.leftList span a.download:hover{ background:url(../images/sample2014/sampleIcon.gif) no-repeat 0 -75px;}
.leftList .hover{ background:#4E9B31; border-bottom:1px solid #4E9B31;}
.leftList .hover h3,.leftList .hover dl{ width:400px;}
.leftList .hover dd{ width:330px;}
.leftList .hover h3 a,.leftList .hover dt{ color:#fff;}
.leftList .hover dd{ color:#c3e1ae;}
.leftList .hover span{ display:block;}
/*newspages*/
.newspages .prev,.newspages .prev:hover,.newspages .next,.newspages .next:hover{ background:#f2f2f2 url(../images/lists/pagearrow.gif) no-repeat;}
.newspages{ width:660px; margin:0 auto; padding:15px 0; line-height:30px; color:#666; text-align: center; float:left; font-family:"Tahoma","\5b8b\4f53";}
.newspages a{ width:30px; height:30px; border:1px solid #c9c9c9; background:#f2f2f2; color:#666; display:inline-block; font-size:14px; line-height:30px; margin:0 3px; text-align:center; vertical-align: middle;}
.newspages .on{ border:1px solid #67B54A; background-color:#4E9B31; cursor:default; color:#fff;}
.newspages .ft{background:#f2f2f2 url(../images/public/pagearrow.gif) 2px -19px no-repeat;}
.newspages .lt{background:#f2f2f2 url(../images/public/pagearrow.gif) -24px -65px no-repeat;}
.newspages .ft:hover{background:#f2f2f2 url(../images/public/pagearrow.gif) 2px 4px no-repeat;}
.newspages .lt:hover{background:#f2f2f2 url(../images/public/pagearrow.gif) -24px -42px no-repeat;}
.newspages .page_etc{ color:#999; margin:0 10px;}
.newspages .page_turn{ position:relative; margin-left:10px;}
.newspages .page_turn b{ padding:0 5px;}
.newspages .jump input{ width:45px; height:21px; display:inline-block; margin:0 4px; border:1px solid #e4e4e4; text-align:center; color:#666; line-height:21px;}
.newspages button{ height:22px; padding:0 10px; border:1px solid #c9c9c9; background:#fff; color:#666; cursor:pointer; margin-left:2px; _margin-left:4px; _padding:0 5px;}
.newspages a.prev{ background: #f2f2f2 url(../images/Public/pagearrow.gif) 0px -65px no-repeat;}
.newspages a.prev:hover{ background: #f2f2f2 url(../images/Public/pagearrow.gif) 0px -42px no-repeat; }
.newspages a.next{ background: #f2f2f2 url(../images/lists/pagearrow.gif) -24px -19px no-repeat; }
.newspages a.next:hover{ background: #f2f2f2 url(../images/lists/pagearrow.gif) -24px 4px no-repeat; }
.newspages a:hover{ color:#000;}
.newspages .on:hover{ color:#fff;}
/*rank*/
.right{ width:298px; float:right; background:#f7f7f7; border:1px solid #efefef;}
.rank{ width:298px; float:left;}
.rightTitle{ width:298px; height:36px; float:left; margin-top:9px; background:#4E9B31; position:relative; z-index:1;}
.rightTitle h3{ width:299px; height:44px; position:absolute; left:-10px; top:0; padding-left:10px; background:url(../images/sample2014/sample2014.png) no-repeat -122px -138px; font:normal 22px/34px "Microsoft Yahei","\5b8b\4f53"; text-indent:15px;}
.rightTitle h3 a{ color:#fff;}
.rank ul{ width:262px; float:left; padding:6px 0; margin-left:18px; display:inline;}
.rank li{ width:262px; height:30px; float:left;}
.rank li b{ width:23px; height:18px; float:left; margin-top:5px; background:#fff; border:1px solid #4E9B31; color:#4E9B31; font:normal 15px/18px "Microsoft Yahei","\5b8b\4f53"; text-align:center;}
.rank li p{ width:225px; height:30px; float:left; margin-left:12px; font:normal 14px/30px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.rank li p a{ color:#333;}
.rank li p a:hover{ color:#f60; text-decoration:underline;}
/*index*/
.index{ width:298px; float:left;}
.index form{ width:242px; height:30px; float:left; margin:18px 0 0 28px; display:inline; position:relative; z-index:1;}
.index input{ width:201px; height:28px; padding:0 4px 0 6px; position:absolute; left:0; top:0; border:1px solid #e5e5e5; border-right:0; font:normal 14px/28px "Microsoft Yahei","\5b8b\4f53"; color:#888;}
.index button{ width:30px; height:30px; position:absolute; left:212px; top:0; background:url(../images/sample2014/sample2014.png) no-repeat -102px -68px;cursor:pointer;}
.indexList{ width:298px; float:left; margin-top:16px; border-top:1px solid #efefef; padding-bottom:24px;}
.index ul{ width:261px; float:left; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; margin:16px 0 0 18px; display:inline;}
.index li{ width:260px; float:left; height:36px; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#fff; position:relative; z-index:1;}
.index li a{ width:222px; float:left; height:38px; padding:0 20px; font:normal 14px/38px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:2; color:#555;}
.index li a:hover{ background:#4E9B31; color:#fff;}
/*recom*/
.recom{ width:1000px; margin:24px auto 0;}
.recom h3{ width:998px; height:34px; float:left; background:#f6f6f6; border:1px solid #dbdee1; position:relative; z-index:1;}
.recom h3 p{ position:absolute; top:-1px; left:-1px; z-index:2;}
.recom h3 p a{ width:130px; height:32px; float:left; border:1px solid #dbdee1; border-bottom:1px solid #fff; border-top:3px solid #4E9B31; font:bold 20px/32px "Microsoft Yahei","simhei"; text-align:center; color:#4E9B31; background:#fff;}
.recomList{ width:1000px; height:162px; float:left; margin-top:18px; overflow:hidden; position:relative; z-index:1;}
.recom .prev,.after{ width:20px; height:64px; position:absolute; top:50px; left:0; background:url(../images/sample2014/bookIcon.png) no-repeat; z-index:2;}
.recom .prev:hover{ background:url(../images/sample2014/bookIcon.png) no-repeat -40px 0;}
.recom .after{ left:980px; background:url(../images/sample2014/bookIcon.png) no-repeat -20px 0;}
.recom .after:hover{ background:url(../images/sample2014/bookIcon.png) no-repeat -60px 0;}
.recom ul{ width:1015px; height:162px; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.recom li{ width:118px; height:150px; float:left; margin-right:15px; padding:5px; border:1px solid #e3e3e3; position:relative; z-index:1;}
.recom li img{ width:118px; height:150px; position:absolute; top:5px; left:5px; z-index:1;}
.recom li .recomTitle{ width:130px; height:25px; display:block; position:absolute; top:136px; left:-1px; z-index:2; background:#333; font:normal 12px/25px "Microsoft Yahei","simhei"; color:#fff; text-align:center; overflow:hidden;}
.recom li .download{ width:56px; height:21px; background:url(../images/sample2014/sample2014.png) no-repeat -55px -138px; display:none; position:absolute; left:37px; top:67px; z-index:2;}
.recom .hover .recomTitle{ background:#4E9B31;}
.recom .hover .download{ display:block;}

.lostpro{width:515px;float: left;background: url(../images/lostpro.jpg) no-repeat;margin: 25px 0 10px;margin-left: 10px;padding-left: 135px;}
.lostpro span{font: 18px/44px "Microsoft Yahei";color: #333;}
.lostpro ul{font: 12px/30px "\5b8b\4f53";color: #767676;}
.lostpro ul li{background: url("../images/caigouSearch.png") no-repeat -143px -30px;padding-left: 12px;height:30px;}
/*line*/
.line{ width:100%; float:left; margin-top:26px; border-top:3px solid #dbdbdb;}
.lineBox{ width:1000px; height:110px; margin:0 auto; position:relative; z-index:1;}
.adPosition2{ width:1000px; margin:0 auto; overflow:hidden; border-top:3px solid #717171; position:absolute; left:0; top:-3px; z-index:2;}
.adPosition2 ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition2 li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition2 img,.adPosition2 embed{ float:left;}
/*foot*/
.foot{ width:1000px; margin:10px auto 0; text-align:center; color:#686161; padding-bottom:20px;}
.foot span{ width:998px; height:43px; float:left; line-height:43px; background-color:#f5f5f5; border:1px solid #e0dfdf; color:#686161;}
.foot span a{ padding:0 6px; color:#333333;}
.foot span a:hover{ color:#f60; text-decoration:underline;}
.foot p.web{ width:1000px; float:left; padding:15px 0; color:#686161; font-size:14px;}
.foot p.web a{ color:#00ab00;}
.foot p.web a:hover{ color:#f60; text-decoration:underline;}
.foot p{ font:normal 12px/26px "Tahoma", "\5b8b\4f53";}
.foot strong{ padding:0 25px 0 0;}
.foot b{ padding:0 1px;}
.foot b a{
	position: relative;
	cursor: pointer;
}
.foot b a .QQhover {
    position: absolute;
   left: 0px;
    bottom: 18px;
    border: 1px solid #666;
    border-radius: 4px;
    line-height: 20px;
    color: #333;
    background: rgba(255,255,255,.9);
    display: none;
    cursor: auto;
    font-weight: 500;
    height: 20px;
    width: 100px;
    text-align: center;
    font-family:"Microsoft Yahei"; 
    overflow: hidden;
    resize: none;
   }
   .foot b a .QQhover::after{
    position: absolute;
    left: 0;
    top: 0;
    line-height: 20px;
    content: "QQ:";
   }
   .foot b a:hover .QQhover{
    display: inline-block;
   }
.foot b img{ vertical-align:middle;}
/*goTop*/
.backHome{ width:54px;}
.backHome a{ width:38px; height:46px; display:block; float:left; background:#4E9B31; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0;}
.backHome a:hover{ background:#4E9B31;}
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/sample2014/sample2014.png) no-repeat 0 -123px; opacity: 0.6; filter:alpha(opacity=60);}
.backHome a.guest:hover{ opacity: 1; filter:alpha(opacity=100);}
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:376px; _top:expression(eval(document.documentElement.scrollTop+318)); display:none;}
.toTop a,.toTop a:hover{ display:block; width:54px; height:54px; background:url(../images/sample2014/sample2014.png) no-repeat 0 -68px; opacity: 0.6; filter:alpha(opacity=60);}
.toTop a:hover{ opacity:1; filter:alpha(opacity=100);}
#goTop { position:fixed; _position:absolute; top:258px; display:block; right:20px;}
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+20)); top:expression(eval(document.documentElement.scrollTop+200));}
.sampleList{ width:100%; display:none; overflow:hidden;}